.fullScreen {
    width:100%;
    height: 13.5rem;
    min-width: 1230px;
    position: absolute;
    font-family: Arial, Helvetica, sans-serif;
    top: 0;
    left: 0 ;
    bottom:0;
    background:url('../../images/industry_autonomy/background.jpg');
    background-repeat:no-repeat!important;
    background-size: cover;
    line-height: 1.15;
    color: #A5CCED;
}
.basefont{
    font-size: 0.325rem;
    font-weight: 800;
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 0.5rem;
}
.leftfont{
    position: relative;
    margin-right: 20%;
}
.rightfont{
    position: relative;
    margin-left: 19%;
}
.mainbox {
    margin: auto;
    width: 75%;
    display: flex;
    align-items: center;
}

.mainbox .column {
    flex: 1;
    flex-direction: column;
    align-items: center;
}
.rect {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin-top: 20%;
}
.rect-middle{
    position: absolute;
    width: 4.575rem;
    height: 4.575rem;
    top:35%;
    left:50%;
    transform: translate(-50%, -50%);
    background-repeat:no-repeat!important;
    background-size:100% 100%!important;
    animation: rotate 10s linear infinite;
}
.left_base_img {
    margin-top: -1.5rem;
    background:url('../../images/industry_autonomy/bottom_left.png');
    width: 7.325rem;
    height: 4.527rem;
    background-repeat:no-repeat!important;
    background-size:100% 100%!important;
 }
.ball_img {
    background:url('../../images/industry_autonomy/ball.png');
    width: 100%;
    height: 100%;
    background-repeat:no-repeat!important;
    background-size:100% 100%!important;
}
.right_base_img {
    margin-top: -1.5rem;
    background:url('../../images/industry_autonomy/bottom_right.png');
    width: 7.325rem;
    height: 4.527rem;
    background-repeat:no-repeat!important;
    background-size:100% 100%!important;
}

.industry_img {
    position: relative;
    background:url('../../images/industry_autonomy/institute.png');
    width: 1.8rem;
    height: 1.8rem;
    margin-right: 20%;
    -webkit-animation: bounce-down 2s linear infinite;
    -moz-animation: bounce-down 2s linear infinite;
    -o-animation: bounce-down 2s linear infinite;
    animation: bounce-down 2s linear infinite;
    background-repeat:no-repeat!important;
    background-size:100% 100%!important;
}
.quality_img {
    position: relative;
    background:url('../../images/industry_autonomy/quality.png');
    width: 1.8rem;
    height: 1.8rem;
    margin-left: 20%;
    -webkit-animation: bounce-down 2s linear infinite;
    -moz-animation: bounce-down 2s linear infinite;
    -o-animation: bounce-down 2s linear infinite;
    animation: bounce-down 2s linear infinite;
    background-repeat:no-repeat!important;
    background-size:100% 100%!important;
}
@-moz-keyframes bounce-down {
    25% {-webkit-transform: translateY(-10px);}
    50%, 100% {-webkit-transform: translateY(0);}
    75% {-webkit-transform: translateY(10px);}
}
@-webkit-keyframes bounce-down {
    25% {-webkit-transform: translateY(-10px);}
    50%, 100% {-webkit-transform: translateY(0);}
    75% {-webkit-transform: translateY(10px);}
}
@-o-keyframes bounce-down {
    25% {-webkit-transform: translateY(-10px);}
    50%, 100% {-webkit-transform: translateY(0);}
    75% {-webkit-transform: translateY(10px);}
}
@keyframes bounce-down {
    25% {transform: translateY(-10px);}
    50%, 100% {transform: translateY(0);}
    75% {transform: translateY(10px);}
}
@keyframes rotate {
    from {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}
